<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link href="./css/style.css" rel="stylesheet">
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/swiper.min.css" rel="stylesheet" >
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?f0722fa354f3faf67321288b34121413";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<header id="header" >
    <div class="container d-flex align-items-center justify-content-between">
        <h1 class="logo"><a href="./index.html"><img src="./img/logo.png" alt="logo"></a></h1>
        <nav id="navbar" class="navbar">
            <ul>
                <li><a class="nav-link scrollto" href="./index.html">首页</a></li>
                <li><a class="nav-link scrollto product" href="javascript:void(0)">产品中心</a>
                    <div class="product-popup" style="opacity: 0; display: none;">
                        <div class="cell flex-basis-quarter">
                            <div class="sys-win-product">

                            </div>
                        </div>
                    </div>
                </li>
                <li><a class="nav-link scrollto down" href="javascript:void(0)">免费下载</a>
                    <div class="down-popup" style="opacity: 0; display: none;">
                            <div class="cell flex-basis-quarter">
                                <div class="sys-win">
                                  <!--  <li><a class="downlink" href="" style="color: #333333;font-size: 14px;font-weight: 500;">恢复工具11111111</a></li>
                                    <li><a class="downlink" href="" style="color: #333333;font-size: 14px;font-weight: 500;">恢复工具222222222</a></li>
                                    <li><a class="downlink" href="" style="color: #333333;font-size: 14px;font-weight: 500;">恢复工具222222222</a></li>-->
                                </div>
                            </div>
                    </div>
                </li>
                <li><a class="nav-link scrollto" href="./article.html">专题教程</a></li>
                <li class="gzh">
                    <a href="#follow">关注公众号
                        <div class="gzh-qrcode-popup" style="opacity: 0; display: none;">
                            <img src="" alt="">
                            <p style="color: #333333;margin-top: 4px;">关注灵动公众号</p>
                            <p style="color: #454545;margin-top: -12px">领取福利</p>
                        </div>
                    </a>
                </li>
            </ul>
            <i class="bi bi-list mobile-nav-toggle"></i>
        </nav>

    </div>
</header>
<section id="hero" class="d-flex align-items-center">
    <div class="swiper-container">
        <div class="swiper-wrapper">
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<main id="main">
    <section id="testimonials" class="testimonials section-bg-three">
        <div class="container">
            <div class="text-center">
                <h1>热门产品</h1>
                <ul class="testimonials_case">
                </ul>
            </div>
         <!--   <a href="./product.html" class="all-down">
                查看所有产品
            </a>-->
        </div>

    </section>
    <section id="services" class="services section-bg">
        <div class="container">
            <div class="section-title">
                <h1>为什么选择灵动工具?</h1>
            </div>
            <div class="row card-row row-right">
             <a href="#motivation-model" class="motivation">
               <p class="row-title">强大的专业研发能力，产品质量有保证</p>
               <p class="row-content">自主研发产品，专业且具有创新精神，先后荣获高新
                   技术企业证书，至今已拥有海量自主软件著作权，海
                   内外注册商标及软件发明专利。</p>
             </a>
            </div>
            <div class="row card-row ">
                <a href="#motivation-model" class="motivation">
                    <p class="row-title">用户多，口碑优秀，产品使用率高</p>
                    <p class="row-content">覆盖多个国家，拥有百万忠实粉丝，下载量与日
                        俱增。曾被多家行业媒体机构推荐使用。</p>
                </a>
            </div>
            <div class="row card-row row-right">
                <a href="#motivation-model" class="motivation">
                    <p class="row-title">优质的安全保证与客户服务</p>
                    <p class="row-content">从下载-安装-软件使用，保证用户的数据隐私安全，
                        客户有问题，客服会及时致电解决，保证售后服务
                        质量。</p>
                </a>
            </div>
        </div>
    </section>
    <section id="contact" class="contact">
        <div class="container">
            <div class="text-center">
                <ul >
                    <li class="contact-article">
                    </li>
                    <li>
                        <h5>服务与支持</h5>
                        <p>
                            <img src="./img/dianzan.png">
                            权威平台
                            <span>实力公司运作安全有保证</span>
                        </p>
                        <p>
                            <img src="./img/fuwu.png">
                            服务保障
                            <span>专业服务团队，专注行业多年</span>
                        </p>
                        <p class="contact-phone">
                            <img src="./img/kefu.png">
                            商务电话
                            <span> </span>
                        </p>
                        <p></p>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section class="about_us" id="about">
        <div class="container">
            <div class="text-center" style="margin: 0 auto;width: 82%;">
                <ul class="about_us_content">
                    <li class="li-left">
                       <h6>关于我们</h6>
                        <p><a href="./childprotection.html">灵动儿童隐私信息保护规则</a></p>
                        <p><a href="./privacypolicy.html">灵动隐私政策</a></p>
                        <p><a href="./useragreement.html">灵动用户协议</a></p>
                        <p><a href="./cookiespolicy.html">Cookies政策</a></p>
                    </li>
                    <li class="li-left">
                        <h6>客户服务</h6>
                        <p><a href="./product.html">产品中心</a></p>
                        <p><a href="./article.html">专题教程</a></p>
                    </li>
                    <li class="li-left">
                        <h6>友情链接</h6>
                        <p><a href="https://www.ddooo.com" target="_blank">多多软件站</a></p>
                    </li>
                    <li class="li-right">
                        <h6>联系方式</h6>
                        <p></p>
                        <p></p>
                        <p>客服时间：周一至周五(上午:9:00-12:00，下午:14:00-18:00)</p>
                        <p></p>
                    </li>
                </ul>
            </div>

        </div>
    </section>
</main>
<footer id="footer">

    <div class="container footer-bottom clearfix">
        <div class="copyright">

        </div>
    </div>
</footer>
<script src="./js/main.js"></script>
<script src="./js/jquery.qrcode.min.js"></script>
<script>
    // 处理公众号效果
    function guanzhu_gongzhonghao() {
        function show_qrcode() {
            $('.gzh-qrcode-popup').show()
            setTimeout(function () {
                $(' .gzh-qrcode-popup').css('opacity', 1)
            }, 0)
        }
        function hide_qrcode() {
            setTimeout(function () {
                if ($('a[href="#follow"]:hover').length === 0 && $('.gzh-qrcode-popup:hover').length === 0) {
                    $('.gzh-qrcode-popup').hide()
                }
            }, 400)
            $('.gzh-qrcode-popup').css('opacity', 0)
        }
        $('a[href="#follow"]').hover(function () {
            show_qrcode()
        }, function () {
            setTimeout(function () {
                if ($('a[href="#follow"]:hover').length === 0 && $('.gzh-qrcode-popup:hover').length === 0) {
                    hide_qrcode()
                }
            }, 100);
        })

        $('.gzh-qrcode-popup').hover(function () {
            show_qrcode()
        }, function () {
            setTimeout(function () {
                if ($('a[href="#follow"]:hover').length === 0 && $('.gzh-qrcode-popup:hover').length === 0) {
                    hide_qrcode()
                }
            }, 200);
        })
    }
    // 处理下载
     function downsofe() {
        function show_down() {
            $('.down-popup').show()
            setTimeout(function () {
                $(' .down-popup').css('opacity', 1)
            }, 0)
        }
        function hide_down() {
            setTimeout(function () {
                if ( $('.down:hover').length === 0 && $('.down-popup:hover').length === 0) {
                    $('.down-popup').hide()
                }
            }, 400)
            $('.down-popup').css('opacity', 0)
        }
         $('.down').hover(function () {
             show_down()
         }, function () {
             setTimeout(function () {
                 if ($('.down:hover').length === 0 && $('.down-popup:hover').length === 0) {
                     hide_down()
                 }
             }, 100);
         })
        $('.down-popup').hover(function () {
            show_down()
        }, function () {
            setTimeout(function () {
                if ($('.down:hover').length === 0 && $('.down-popup:hover').length === 0) {
                    hide_down()
                }
            }, 200);
        })
    }
    //产品中心
     function product() {
        function show_product() {
            $('.product-popup').show()
            setTimeout(function () {
                $(' .product-popup').css('opacity', 1)
            }, 0)
        }
        function hide_product() {
            setTimeout(function () {
                if ( $('.product:hover').length === 0 && $('.product-popup:hover').length === 0) {
                    $('.product-popup').hide()
                }
            }, 400)
            $('.product-popup').css('opacity', 0)
        }
        $('.product').hover(function () {
            show_product()
        }, function () {
            setTimeout(function () {
                if ($('.product:hover').length === 0 && $('.product-popup:hover').length === 0) {
                    hide_product()
                }
            }, 100);
        })
        $('.product-popup').hover(function () {
            show_product()
        }, function () {
            setTimeout(function () {
                if ($('.product:hover').length === 0 && $('.product-popup:hover').length === 0) {
                    hide_product()
                }
            }, 200);
        })
    }
    $(document).ready(function () {
        // 公众号
        guanzhu_gongzhonghao()
        downsofe()
        product()
    })
    $(document).ready(function(){
      /*  var id = getUrlParam('id');
        if(!id){
            id = 1;
        }*/
        $.ajax({
            type: "GET",
            url: "https://api.nimbleuser.lingdong365.com/index.php/api/web/index",   //后端小伙伴给的新闻列表页的接口
            dataType: "json",
            async:false,
            success:function(data){
           //     console.log(data);
                if(data.code == 200) {
                  //  var html = '';
                    var setting = data.data.setting;
                    var banner = data.data.banner;
                    var webproduct = data.data.webproduct;
                    var webarticle = data.data.webarticle;
                    var webdown = data.data.webdown;
                    document.title = setting.seo_title;
                    $('meta[name="keywords"]').attr('content',setting.seo_keywords);
                    $('meta[name="description"]').attr('content',setting.seo_description);
                    $('.li-right p:eq(0)').html('商务电话：'+setting.phone);
                    $('.li-right p:eq(1)').html('客服邮箱：'+setting.email);
                    $('.contact-phone span').html(setting.phone);
                    $('.li-right p:eq(3)').html('公司地址：'+setting.address);
                    $('.gzh-qrcode-popup img').attr('src',setting.qrcode_img);
                    $('.copyright').html(setting.company+'<a href="https://beian.miit.gov.cn/" >'+setting.beian+'</a>');
                    var bannerhtml = '';
                    if(banner.length>0){
                        for (var i = 1; i <= banner.length; i++) {
                            bannerhtml += '<img class="swiper-slide"  src="'+banner[i-1].img+'" data-url="'+banner[i-1].link+'">';
                        }
                    }
                    $(".swiper-wrapper").html(bannerhtml);
                    var swiper = new Swiper('.swiper-container', {
                        loop: true,
                        autoplay: 3000,
                        pagination: '.swiper-pagination',
                        paginationClickable: true
                    });
                    $(".swiper-slide").click(function (){
                        var url = $(this).attr('data-url');
                        window.open(url, '_blank');
                    });
                    var producthtml = '';
                    var producttitlehtml = '';
                    if(webproduct.length>0){
                        for (var i = 1; i <= webproduct.length; i++) {
                            if( i<=3 ){
                            producthtml += '<li><img src="'+webproduct[i-1].img+'" class="testimonial-img" alt=""><h3>'+webproduct[i-1].title+'</h3><p>'+webproduct[i-1].description+'</p><a href="'+webproduct[i-1].down_link+'" class="hot-down-link"><img src="./img/windows-fill.png" class="hot-down-img"> 免费下载</a></li>';
                            }
                            producttitlehtml += '<p style="display: block; height: 20px;line-height: 20px;"><a class="productlink" href="./productpage.html?id='+webproduct[i-1].id+'" style="color: #333333;font-size: 14px;font-weight: 500;">'+webproduct[i-1].title+'</a></p>';
                        }
                    }
                    $(".testimonials_case").html(producthtml);
                    $(".sys-win-product").html(producttitlehtml);
                    var articlehtml ='<h5>相关文章</h5>';
                    if(webarticle.length>0){
                        for (var i = 1; i <= webarticle.length; i++) {
                            articlehtml += '<a href="./articlepage.html?id='+webarticle[i-1].id+'"><p>'+webarticle[i-1].title+'</p></a>';
                        }
                    }
                    $(".contact-article").html(articlehtml);
                    var downhtml ='';
                    if(webdown.length>0){
                        for (var i = 1; i <= webdown.length; i++) {
                            downhtml += '<p style="display: block; height: 20px;line-height: 20px;"><a class="downlink" href="'+webdown[i-1].link+'" style="color: #333333;font-size: 14px;font-weight: 500;">'+webdown[i-1].title+'</a></p>';
                        }
                    }
                    $(".sys-win").html(downhtml);

                }else{
                    return false;
                }
            },
            error: function (xhr, status, error){
                console.log("错误：", error);
            }
        });
    });
</script>
<script>(function(){document.getElementsByTagName("head")[0].appendChild(document.createElement("script")).src=(location.protocol.toLocaleLowerCase()=="https:"?"https:":"http:")+"//v2.fmkefu.com/cs/js/6907_6894?c=auto";})();</script><a id="egeel-flink" href=" " style="position:fixed;font-size:0">亿鸽在线客服系统</a >
<script>
    /*以下两个变量可动态赋值，用于传输网站会员信息到亿鸽会话*/
    var egeelVisitorName = "官网";/*该值为客户的名称，留空则以对方所在地为名*/
    var egeelVisitorDesc = "官网";/*该值为客户的备注信息*/
</script>
</body>
</html>